<template>
    <div>
       <van-nav-bar title="订单列表" left-text="返回" left-arrow @click-left="($router.push('/xq'))" />
        <van-skeleton title :row="3" />
        <van-tabs v-model:active="active">
            <van-tab title="全部"></van-tab>
            <van-tab title="待付款"></van-tab>
            <van-tab title="待发货"></van-tab>
            <van-tab title="待收货"></van-tab>
            <van-tab title="已完成"></van-tab>
            <van-tab title="已取消"></van-tab>
        </van-tabs>
        <van-cell-group>
            <van-cell title="2024-06-18 15:04:26" value="待付款" />
        </van-cell-group>
        <van-swipe-cell>
            <van-card num="2" price="2.00" desc="描述信息" title="商品标题" class="goods-card"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
            <template #right>
                <van-button square text="删除" type="danger" class="delete-button" />
            </template>
            <van-tag plain type="primary">取消订单</van-tag>
            <van-tag plain type="primary">立即支付</van-tag>
        </van-swipe-cell>
        <van-cell-group>
            <van-cell title="2024-06-18 12:35:22" value="待发货" />
        </van-cell-group>
        <van-swipe-cell>
            <van-card num="2" price="2.00" desc="描述信息" title="商品标题" class="goods-card"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
            <template #right>
                <van-button square text="删除" type="danger" class="delete-button" />
            </template>
        </van-swipe-cell>
        <van-cell-group>
            <van-cell title="2024-06-18 20:30:18" value="待发货" />
        </van-cell-group>
        <van-swipe-cell>
            <van-card num="2" price="2.00" desc="描述信息" title="商品标题" class="goods-card"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
            <template #right>
                <van-button square text="删除" type="danger" class="delete-button" />
            </template>
        </van-swipe-cell>
        


    </div>
</template>

<script setup>



</script>

<style lang="scss" scoped>
.van-tag {
    border: gray;
    width: 50px;
    height: 20px;
    color: black;
    margin-right: 10px;

}
</style>